<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript">
   $(document).ready(function() {
      $(".action[name=content_submit]").click(function() {
         if ($(":input[name=title]").val() == "") {
            alert("제목을 입력하세요");
            return;
         }
         if ($(":input[name=content]").val() == "") {
            alert("내용을 입력하세요");
            return;
         }
         if ($(":input[name=uploadFile]").val() == "") {
            alert("그림을 선택하세요");
            return;
         }
         $("form[name=write_form]").submit();
      });
      $(".action[name=cancel]").click(function() {
         $("form[name=write_form]")[0].reset();
      });
   });
   $(document).ready(function(){
          function readURL(input) {
              if (input.files && input.files[0]) {
                  var reader = new FileReader(); //파일을 읽기 위한 FileReader객체 생성
                  reader.onload = function (e) { 
                  //파일 읽어들이기를 성공했을때 호출되는 이벤트 핸들러
                      $('#blah').attr('src', e.target.result);
                      //이미지 Tag의 SRC속성에 읽어들인 File내용을 지정
                      //(아래 코드에서 읽어들인 dataURL형식)
                  }                    
                  reader.readAsDataURL(input.files[0]);
                  //File내용을 읽어 dataURL형식의 문자열로 저장
              }
          }//readURL()--

          //file 양식으로 이미지를 선택(값이 변경) 되었을때 처리하는 코드
          $("#imgInp").change(function(){
              readURL(this);
          });
       });
</script>
<h3>매거진 - 등록</h3>
<hr align="left" width="150">
<center>
   <form action="${initParam.root }magazine/write.do" method="post"
      name="write_form" enctype="multipart/form-data">
      <input type="hidden" name="adminEmail"
         value="${sessionScope.avo.email}" />
      <table class="inputForm">
         <tbody>
            <tr>
               <td>제목</td>
               <td colspan="3"><input type="text" name="title" size="40">
               </td>
            </tr>
            <tr>
               <td>닉네임</td>
               <td>${sessionScope.avo.nick }</td>
            </tr>
            <tr>
               <td>이미지 업로드</td>
               <td><input type="file" name="uploadFile" size="48" id="imgInp">
               <img id="blah" src="content" alt="your image" width="100" height="100"/></td>
            </tr>
            <tr>
               <td colspan="4" align="left"><textarea cols="53" rows="15"
                     name="content"></textarea></td>
            </tr>
            <tr>
               <td colspan="4" align="center"><img class="action"
                  src="${initParam.root}img/write_btn.jpg" alt="글입력"
                  name="content_submit"> <img class="action"
                  src="${initParam.root}img/cancel.gif" name="cancel"></td>
            </tr>
         </tbody>
      </table>
   </form>
</center>